<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>作品展示</title>
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/layout.css">
</head>
<body>
	<header>
		<nav>
            <div class="top_wrap">
                <div class="logo_wrap">
                    <img src="images/logo1.png">
                </div>
                <ul class="menu_li">
                    <li><a href="index.html">主页<br><span>Home</span></a></li>
                    <li class="active"><a href="workShow.html">作品展示<br><span>Works</span></a></li>
                    <li><a href="teachingMethod.html">制皂记<br><span>Methods</span></a></li>
                    <li><a href="contactUs.html">联系我们<br><span>Contact</span></a></li>
                </ul>
                <div class="menu_catalog" id="show_list_btn">
                    <i></i>
                </div>
            </div>
            <ul class="menu_list" id="con_list">
                    <li><a href="index.html">主页<span>Home</span></a></li>
                    <li class="cur"><a href="workShow.html">作品展示<span>Works</span></a></li>
                    <li><a href="teachingMethod.html">制皂记<span>Methods</span></a></li>
                    <li><a href="contactUs.html">联系我们<span>Contact</span></a></li>
                </ul>
        </nav>
	</header>
	<main>
		<div class="new_view_con" id="">
			<h2>作品展示</h2>
			<div class="view_show" id="viewall_show">
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show1.jpg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head2.jpeg" >
							<span>风城<br>2016.04.14</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/pic7.png">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head3.jpg" >
							<span>一米阳光<br>2016.03.13</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/pic2.png">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head4.jpg" >
							<span>飞羽<br>2016.03.10</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show4.jpg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head5.jpg" >
							<span>青鸾<br>2016.02.27</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show5.jpeg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head1.jpeg" >
							<span>向晚<br>2016.02.24</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show6.jpg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head1.jpeg" >
							<span>慕容晓晓<br>2016.02.20</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show7.jpg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head7.jpeg" >
							<span>化晓晓<br>2016.02.14</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show8.jpg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head1.jpeg" >
							<span>韶光<br>2016.02.10</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive" src="images/show9.jpg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head2.jpeg" >
							<span>如梦领<br>2016.02.4</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show10.jpg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head1.jpeg" >
							<span>策策<br>2016.01.27</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show11.jpeg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head4.jpg" >
							<span>空瓶氧气 <br>2016.01.19</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show12.jpg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head7.jpeg" >
							<span>Zombies<br>2016.01.14</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/pic5.png">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head2.jpeg" >
							<span>容晓晓<br>2016.01.08</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show14.jpg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head5.jpg" >
							<span>慕容晓晓<br>2016.01.7</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show15.jpeg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head1.jpeg" >
							<span>旧人不在<br>2016.01.04</span>
						</div>						
					</a>
				</section>
				<section>
					<a class="new_view_img" href="#">
						<img class="img-responsive"  src="images/show16.jpg">
						<span class="tit">手工皂的皮肤测试</span>
						<div class="author_info">
							<img class="author_head img-circle img-responsive img-thumbnail" src="images/head3.jpg" >
							<span>晓晨熙熙<br>2016.01.01</span>
						</div>						
					</a>
				</section>


			</div>
		</div>

	</main>

</body>
<script type="text/javascript" src="js/jquery-2.0.0.min.js"></script>
<script type="text/javascript" rel="script" src="js/bootstrap.min.js"></script>
<script type="text/javascript" rel="script" src="js/main.js"></script>
</html>